<template>
  <div class="account">
    <div class="from-wrap">
      <a-form name="custom-validation" ref="formRef">
        <a-form-item>
          <label for="">用户名</label>
          <a-input type="text" autocomplete="off" />
        </a-form-item>

        <a-form-item>
          <label for="">密码</label>
          <a-input type="password" autocomplete="off" />
        </a-form-item>

        <a-form-item>
          <a-button type="primary" html-type="submit" block>登录</a-button>
        </a-form-item>
      </a-form>
      <div class="text-center fs-12">
        <router-link to="/register" class="color-white">注册</router-link> |
        <router-link to="/forget" class="color-white">忘记密码</router-link>
      </div>
    </div>
  </div>
</template>

<script>
import { reactive, toRefs, ref } from "@vue/reactivity";
import { onMounted } from "@vue/runtime-core";
export default {
  name: "Login",
  setup(props) {
    const formConfig = reactive({
      layout: {
        labelCol: { span: 4 },
        wrapperCol: { span: 14 },
      },
    });

    const data = toRefs(formConfig);
    onMounted(() => {});
    return {
      ...data,
      formConfig,
    };
  },
};
</script>


<style lang="scss">
@import "./style.scss";
</style>